<template>
	<view class="back">


		<svg @click="onclick" class="icon" aria-hidden="true">
			<use xlink:href="#svg-zuojiantou"></use>
		</svg>




	</view>
</template>

<script>
	import { debounce } from '@/common/hint.js'
	export default {

		methods: {
			onback: debounce(function() {
				const pages = getCurrentPages()
				// 有可返回的页面则直接返回，uni.navigateBack  默认返回失败之后会自动刷新页面 ，无法继续返回
				if (pages.length > 1) {
					uni.navigateBack(1)
					return;
				}
				// 如果用户刷新网页导致页面返回失败,退回首页
				uni.switchTab({
					url: '/pages/index/index'
				})
				return;
			}),
		},
	}
</script>

<style lang="scss">
	.back {
		background-color: #000;
		filter: opacity(50%);
		border: 2rpx solid #dcdcdc;
		border-radius: 50rpx;
		text-align: center;
		padding: 0rpx 30rpx 4rpx 20rpx;
		font-size: 40rpx;
	}
</style>